// pages/alllist/alllist.js
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    categoryId: '',
    // 左侧侧边栏导航（对应原来的 brands）
    activeKey: 0, // 当前选中的侧边栏索引
    brands: [], // 左侧导航列表
    productCategoryId: '', // 当前选中的产品分类ID
    // 右侧商品列表（对应原来的 types）
    types: [], // 品牌型号列表
    // 完整树形数据
    allData: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.setData({
      categoryId: options.categoryId
    });
    this.initData();
  },

  // 初始化数据
  initData() {
    this.getCategoryList();
  },

  // 查询分类树
  getCategoryList() {
    wx.request({
      url: `${app.globalData.baseUrl}/category/tree?categoryId=${this.data.categoryId}`,
      method: 'GET',
      success: (res) => {
        if (res.data.code === 200) {
          this.setData({ 
            allData: res.data.data 
          });
          // 获取第一级的children，即左侧导航列表
          if (res.data.data && res.data.data.length > 0) {
            const brands = res.data.data[0].children || [];
            this.setData({
              brands: brands,
              activeKey: 0
            });
            
            // 加载第一个分类的商品数据
            if (brands.length > 0) {
              const firstBrand = brands[0];
              this.setData({
                productCategoryId: firstBrand.categoryId
              });
              this.getBrandList();
            }
          }
        }
      }
    });
  },
  /**
   * 查询品牌型号列表（右侧商品列表）
   */
  getBrandList() {
    if (!this.data.productCategoryId) {
      return;
    }
    
    wx.request({
      url: `${app.globalData.baseUrl}/product/listWithMedia?productCategoryId=${this.data.productCategoryId}&&productType=-1`,
      method: 'GET',
      success: (res) => {
        if (res.data.code === 200 || res.data.rows) {
          // 设置右侧商品列表
          this.setData({ 
            types: res.data.rows || []
          });
        }
      },
      fail: (err) => {
        console.error('获取商品列表失败:', err);
        wx.showToast({
          title: '加载失败',
          icon: 'none'
        });
      }
    });
  },

  /**
   * 侧边栏切换事件（点击左侧导航，切换右侧商品列表）
   */
  onSidebarChange(e) {
    const { index } = e.detail;
    const selectedBrand = this.data.brands[index];
    
    if (selectedBrand) {
      this.setData({
        activeKey: index,
        productCategoryId: selectedBrand.categoryId
      });
      
      // 加载对应分类的商品数据
      this.getBrandList();
    }
  },

  // // 点击右列（品牌型号）
  onModelClick(e) {
    const id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: `/pages/details/details?productId=${id}`
    });
  },

  // 跳转到详情页
  goToDetails(params) {
    const query = Object.keys(params)
      .filter(key => params[key])
      .map(key => `${key}=${params[key]}`)
      .join('&');
    
    wx.navigateTo({
      url: `/pages/details/details?${query}`
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})
